<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>清除定时器</button>
    <script>
        /**
         *  1. setInterval(回调函数,时间) : 循环定时器，每隔一个时间间隔触发一次。
         *  2. 返回值：是一个数字，是当前定时器的id，通过该id，可以清除定时器
         *  3. 回调函数，调用者是window，是异步的回调
         */
        var i = 0;
        var timer = setInterval(()=>{
            console.log(++i);
        },1000);

        
        console.log('setInterval end');
        console.log(timer, typeof timer);

        var oBtn = document.querySelector('button');
        oBtn.onclick = function(){
            clearInterval(timer);
        }
    </script>
</body>
</html>